<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>宅修侠-首页</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<style type="text/css">
		
	</style>
	<body>
		<!-- header-all -->
		<header class="header">
			<div class="header-top">
				<div class="header-top-logo">
					<div class="header-top-logo-img">
						<img src="image/logo.png" >
					</div>
					<div class="header-top-logo-address">
						重庆<img src="image/address.png" >
					</div>
				</div>
				<div class="header-top-ewm">
					<div class="header-top-ewm-img">
						<img src="image/ewm.png" >
					</div>
					<div class="header-top-ewm-text">
						<p>扫描二维码，关注微信公众号,</p>
						<p>更多惊喜等你来。</p>
					</div>
				</div>
				<div class="header-top-right">
					<div class="header-top-right-top">
						<p>工程师入驻</p>
						<p>商户入驻</p>
					</div>
					<div class="header-top-right-number">
						全国热线：4000-023-114
					</div>
				</div>
			</div>
			<div class="header-nav">
				<ul>
					<li class="tab-active">首页</li>
					<li>服务项目</li>
					<li>翻新案例</li>
					<li>平台咨询</li>
					<li>翻新知识</li>
					<li>平台保障</li>
					<li>关于我们</li>
				</ul>
			</div>
		</header>
		
		<div class="content">
			<!-- swiper -->
			<div class="swiper">
				<!-- Swiper -->
			  <div class="swiper-container">
				<div class="swiper-wrapper">
				  <div class="swiper-slide item_1"></div>
				  <div class="swiper-slide item_2"></div>
				  <div class="swiper-slide item_3"></div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
				<!-- Add Arrows -->
				<div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
			  </div>
			  
			  <!-- 机器人 -->
			  <div class="jqr">
			  	<img src="image/index/jq.png" >
			  </div>
			</div>
			
			<!-- 8大优势 -->
			<div class="zxx-title">
				<div class="zxx-title-text">
					<p>宅修侠<i>8</i>大优势 . <span>专业、快捷、专注、透明</span></p>
				</div>
				<ul class="zxx-title-nav zxx-title-nav1 clearfix">
					<li>
						<p><img src="image/index/1.png" ></p>
						<p>专业平台服务更专业</p>
					</li>
					<li>
						<p><img src="image/index/2.png" ></p>
						<p>全国海量翻新案例</p>
					</li>
					<li>
						<p><img src="image/index/3.png" ></p>
						<p>平台保障全程监工</p>
					</li>
					<li>
						<p><img src="image/index/4.png" ></p>
						<p>省去中间商赚差价</p>
					</li>
					<li>
						<p><img src="image/index/5.png" ></p>
						<p>标准化规范化流程</p>
					</li>
					<li>
						<p><img src="image/index/6.png" ></p>
						<p>杜绝二次加价猫腻</p>
					</li>
					<li>
						<p><img src="image/index/7.png" ></p>
						<p>一线品牌厂家直供</p>
					</li>
					<li>
						<p><img src="image/index/8.png" ></p>
						<p>服务满意后付款</p>
					</li>
				</ul>
			</div>
			
			<!-- 翻新案例 -->
			<div class="zxx-title">
				<div class="zxx-title-text">
					<p>翻新案例 . <span>坚信一次选择，终身合作</span></p>
				</div>
				<div class="fx-al">
					<div class="fx-al-nav">
						<div class="fx-al-img">
							<div class="fx-al-img-mb hidden">
								<p class="fx-al-img-mb-title">112㎡三居室现代轻奢翻新</p>
								<p class="fx-al-img-mb-info"><i>整装</i> | <i>7万</i> | <i>112㎡</i></p>
								<p class="fx-al-img-mb-text">此案例是位于重庆市中心的三居室房翻新案例，业主是一个年轻一对刚刚 新婚的年轻人......</p>
								<p class="fx-al-img-mb-btn1">查看详情</p>
								<p class="fx-al-img-mb-btn2">快速预约</p>
							</div>
						</div>
						<div class="fx-al-img">
							<div class="fx-al-img-mb hidden">
								<p class="fx-al-img-mb-title">112㎡三居室现代轻奢翻新</p>
								<p class="fx-al-img-mb-info"><i>整装</i> | <i>7万</i> | <i>112㎡</i></p>
								<p class="fx-al-img-mb-text">此案例是位于重庆市中心的三居室房翻新案例，业主是一个年轻一对刚刚 新婚的年轻人......</p>
								<p class="fx-al-img-mb-btn1">查看详情</p>
								<p class="fx-al-img-mb-btn2">快速预约</p>
							</div>
						</div>
					</div>
					<div class="fx-al-btn clearfix">
						<i>更多案例</i>
					</div>
				</div>
			</div>
			
			<!-- 服务流程 -->
			<div class="zxx-title">
				<div class="zxx-title-text">
					<p>服务流程 . <span>让你没有金钱的顾虑</span></p>
				</div>
				<ul class="zxx-title-nav zxx-title-nav2 clearfix">
					<li>
						<p><img src="image/index/10.png" ></p>
						<p>在线预约 免费量房</p>
					</li>
					<li>
						<p><img src="image/index/11.png" ></p>
						<p>预约设计 绘画初案</p>
					</li>
					<li>
						<p><img src="image/index/12.png" ></p>
						<p>概算价格 缴纳定金</p>
					</li>
					<li>
						<p><img src="image/index/13.png" ></p>
						<p>深度计算 确定预算</p>
					</li>
					<li>
						<p><img src="image/index/14.png" ></p>
						<p>签订合同 进场施工</p>
					</li>
					<li>
						<p><img src="image/index/15.png" ></p>
						<p>验收工作 售后服务</p>
					</li>
				</ul>
			</div>
			
			<!-- 平台咨询 -->
			<div class="zxx-title">
				<div class="zxx-title-text">
					<p>平台咨询 . <span>励志做一个懂行情的人</span></p>
				</div>
				<div class="ptzx">
					<div class="ptzx-left">
						<ul class="ptzx-left-list clearfix">
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_1.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_2.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_2.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_1.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="ptzx-right">
						<ul class="ptzx-right-list">
							<li>
								<p class="ptzx-right-list-title"><i>1</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>2</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>3</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>4</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>5</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>6</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
						</ul>
						<p class="more-zx">
							<span>更多资讯</span>
						</p>
					</div>
				</div>
			</div>
			
			<!-- 翻新知识 -->
			<div class="zxx-title">
				<div class="zxx-title-text">
					<p>翻新知识 . <span>学习永无止境</span></p>
				</div>
				<div class="ptzx">
					<div class="ptzx-left">
						<ul class="ptzx-left-list clearfix">
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_1.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_2.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_2.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
							<li>
								<div class="ptzx-left-list-img">
									<img src="image/index/tel_1.png" >
								</div>
								<div class="ptzx-left-list-text hidden">
									<p class="ptzx-left-list-text-info">现代轻奢是当今流行的室内设计风格,深受广大年轻人的喜爱......</p>
									<p class="ptzx-left-list-text-btn">查看详情</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="ptzx-right">
						<ul class="ptzx-right-list">
							<li>
								<p class="ptzx-right-list-title"><i>1</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>2</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>3</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>4</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>5</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
							<li>
								<p class="ptzx-right-list-title"><i>6</i>中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长中国室内装饰协会会长......</p>
								<p class="ptzx-right-list-time">2019-6-4</p>
							</li>
						</ul>
						<p class="more-zx">
							<span>更多知识</span>
						</p>
					</div>
				</div>
			</div>
			
			<!-- 合作品牌 -->
			<div class="zxx-title">
				<div class="zxx-title-text">
					<p>合作品牌 . <span>值得信奈</span></p>
				</div>
				<div class="hzpp">
					<ul>
						<li><img src="image/index/20.png" ></li>
						<li><img src="image/index/21.png" ></li>
						<li><img src="image/index/22.png" ></li>
						<li><img src="image/index/23.png" ></li>
						<li><img src="image/index/24.png" ></li>
						<li><img src="image/index/25.png" ></li>
						<li><img src="image/index/26.png" ></li>
						<li><img src="image/index/27.png" ></li>
						<li><img src="image/index/28.png" ></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!-- 底部 -->
		<footer class="footer">
			<div class="footer-first">
				<div class="footer-first-img">
					<img src="image/ewm.png" >
				</div>
				<div class="footer-first-text">
					<p>扫描二维码，关注微信公众号,</p>
					<p>更多惊喜等你来。</p>
				</div>
			</div>
			<div class="footer-info">
				<p>友情链接：XXXXXXXXXXXXX</p>
				<p>联系电话：12345678900</p>
				<p>公司地址：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
			</div>
			<div class="footer-bq">
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX版权所有
			</div>
		</footer>
		
		<script src="js/jquer-1.8.9.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script>
			
			$(".fx-al-img").mousemove(function(){
				$(this).find(".fx-al-img-mb").removeClass('hidden');
			})
			$(".fx-al-img").mouseout(function(){
				$(this).find(".fx-al-img-mb").addClass('hidden');
			})
			$(".ptzx-left-list li").mousemove(function(){
				$(this).find(".ptzx-left-list-text").removeClass('hidden');
			})
			$(".ptzx-left-list li").mouseout(function(){
				$(this).find(".ptzx-left-list-text").addClass('hidden');
			})
			$(".ptzx-right-list li").mousemove(function(){
				$(this).find("p").addClass('blue');
			})
			$(".ptzx-right-list li").mouseout(function(){
				$(this).find("p").removeClass('blue');
			})
			
	  </script>
	</body>
</html>
